@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.introjs-fixedTooltip {
  height: 36 * @hd !important;
  bottom: 36 * @hd !important;
  top: auto !important;
  left: -2 * @hd !important;
  width: 100% !important;
}
.introjs-tooltipReferenceLayer{
  bottom: 152 * @hd !important;
  .introjs-tooltip, .wea-intro-tooltip{
    box-shadow: none;
    background-color: transparent;
    color: #fff;
    font-size: 14 * @hd;
    width: 100%;
    text-align: center;
    min-width: auto !important;
    max-width: 600 * @hd !important;
    left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    .introjs-arrow{
      display: none !important;
    }
  }
}

.introjs-tooltip .introjs-tooltipbuttons .introjs-button, .wea-intro-tooltip .introjs-tooltipbuttons .introjs-button{
  padding: 4 * @hd 16 * @hd;
  font-size: 14 * @hd;
  text-shadow: none;
  background: transparent;
  color: #fff;
  border-color: #fff;
  border-radius: 4 * @hd;
  text-decoration: none;
}

.introjs-tooltipbuttons{
  text-align: center;
}